﻿<style type="text/css">	#outer_frame *	{		font-family: Arial;		font-size: 8pt;	}
	#nomap_frame	{		width: 669px; 		padding: 10px;	}
	#outer_frame	{		border: ##ffffff 3px double;		padding: 4px;	}
	#map_frame	{		width: 665px; 		text-align: left;	}
	#category_list	{		width: 195px; 		height: 370px; 		overflow-y: scroll; 		overflow-x: hidden; 		scrollbar-arrow-color: #464646;		scrollbar-3dlight-color: #CCCCCC;		scrollbar-darkshadow-color: #999999;		scrollbar-face-color: #D4D0C8;		scrollbar-highlight-color: #FFFFFF;		scrollbar-shadow-color: #CCCCCC;		scrollbar-track-color: #e6e6e6;		margin-left: 2px;	}
	#map_container	{		float: left; 		border-left: #c5c5c5 1px solid;		margin-left: 10px;	}
	#top_container	{		padding-top: 5px;		padding-bottom: 5px;		/*background: url('images/bg_map_area.gif') repeat-x bottom;*/		border-left: #c5c5c5 2px solid;		border-right: #c5c5c5 2px solid;		border-top: #c5c5c5 2px solid;		background-color: #FFFFFF;	} 
	#top_left	{		float: left; 		margin-left: 5px;	}   
	#bottom_container	{		height: 88px;		display: block;		clear: both;		/*background: url('images/bg_search_area.gif') repeat-x top;*/		border-left: #c5c5c5 2px solid;		border-right: #c5c5c5 2px solid;		border-bottom: #c5c5c5 2px solid;	}  
	#map_content	{		margin-left: 10px;		margin-bottom: 10px;		padding: 2px;		height: 380px;       		overflow: hidden;		border: #black 2px solid;		width: 426px;		width: expression(2 > 1? "432px": "auto" ); /* IE Only Hack */	}
	.category_heading	{		display: block; 		width:100%; 		padding: 4px; 		text-transform: uppercase; 		font-weight: bold; 		color: #232B7F;		font-size: 8pt;	}
	.category_item	{		font-size: 8pt;	} 
	.category_item A	{		display: block; 		width:100%; 		padding: 2px 0px 4px 20px;         		text-decoration: none;		color: #666666;	}
	.category_item A:hover	{		text-decoration: underline;		background-color: #eeeeee;		color: #232B7F;	}
	.category_item A:visited	{		color: #666666;	}
	#clear_map_link	{		width: 195px;		height: 18px;		margin-top: 4px;	}
	#clear_map_link A	{		text-decoration: none;		color: #666666;		font-weight: bold;		font-size: 8pt;		padding-left: 12px;		/*background: url('images/arrow_left.png') no-repeat 3px -1px;*/	}
	#clear_map_link A:hover	{		text-decoration: underline;	}
	#clear_map_link A:visited	{		color: #666666;	}
	#search_container	{		margin-top: 30px;		margin-left: 10px;		float: left;	}
	#search_container .category_heading	{	   width: 75px;	   float: left;	}    
	.larger	{		font-size: 10pt !important;	}
	#custom_search_box	{		width: 180px;		border-left: #c5c5c5 1px solid;		border-top: #c5c5c5 1px solid;		border-bottom: #c5c5c5 1px solid;		border-right: #ffffff 0px none;		float: left;		margin-top: 2px;	}
	#custom_search_button	{		width: 20px;		height: 20px;		border-right: #c5c5c5 1px solid;		border-top: #c5c5c5 1px solid;		border-bottom: #c5c5c5 1px solid;		border-left: #ffffff 1px solid;		/*background: #ffffff url('images/magnifying_glass.png') no-repeat 1px 1px;*/		float: left;		margin-top: 2px;	}
	#feature_text	{		font-size: 6.5pt !important;		margin: 10px 10px 10px 30px;		overflow-y: hidden;		float: left;		color: #666666;		height: 70px;	}    
	#feature_text *	{		font-size: 6.5pt !important;		color: #666666;	}
	.map_overlay	{		position: relative;		z-index:100;		top: 0px;		left: 0px;		height:350px;		width:425px;	}
	.hideMap	{		background:#FFFFFF;		filter:alpha(opacity=15);		-moz-opacity: 0.15;		opacity: 0.15;	}
	.clearfix	{		visibility: hidden;		display: block;		height: 0;		clear: both;	}</style>

<script type="text/javascript">
	var home_url = 'http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338 (Mount+Vernon+Plantation)&hnear=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338&ie=UTF8&z=14';
	var base_url_part1 = 'http://maps.google.com/maps?f=q&source=g_s&hl=en&geocode=&q=';
	var base_url_part2 = '+loc:Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338&hnear=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338&ie=UTF8&num=10&radius=5&z=12';

	function PerformCustomSearch() {
		var customSearchBox = $("#custom_search_box");

		PerformSearch(customSearchBox.attr("value"));

		return false;
	}

	function PerformSearch(searchTerm) {
		LoadNewMap(base_url_part1 + escape(searchTerm) + base_url_part2);
	}

	function LoadNewMap(url) {
		var mapOverlay = $("#map_content .map_overlay");
		var mapIframe = $("#map_content iframe");
		var mapLargerLink = $("#map_content a");
		var mapClearDiv = $("#clear_map_link");
		var customSearchBox = $("#custom_search_box");

		mapIframe.attr("src", url + "&output=embed");
		mapLargerLink.attr("href", url);

		if (url != home_url)
			mapClearDiv.attr("style", "visibility: visible");
		else {
			mapClearDiv.attr("style", "visibility: hidden");
			customSearchBox.attr("value", "");
		}
	}</script>

<div style="margin: 0px 20px 20px 20px;">
	<div id="outer_frame">
		<div id="map_frame">
			<div id="top_container">
				<div id="top_left">
					<div id="category_list">
						<div class="category_heading">
							Restaurants</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Restaurants');">Restaurants</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Bed+%26amp%3B+Breakfast');">Bed &amp; Breakfast</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Coffee+Shops');">Coffee Shops</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Dessert+Shops');">Dessert Shops</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Bakeries');">Bakeries</a></div>
						<div class="category_heading">
							Schools / Day Care</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Elementary+Schools');">Elementary Schools</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Middle+Schools');">Middle Schools</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('High+Schools');">High Schools</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Private+Schools');">Private Schools</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Dance+Schools');">Dance Schools</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Day+Care+Centers');">Day Care Centers</a></div>
						<div class="category_heading">
							Health &amp; Fitness</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Hospitals');">Hospitals</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Dental+Services');">Dental Services</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Eyecare');">Eyecare</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Healthclub');">Healthclub</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Gyms');">Gyms</a></div>
						<div class="category_heading">
							Service Providers</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Accountants');">Accountants</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Cable+Company');">Cable Company</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Handyman');">Handyman</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Heating+%26amp%3B+Air+Contractors');">Heating &amp;
								Air Contractors</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Lawn+Care+%2F+Landscapers');">Lawn Care / Landscapers</a></div>
						<div class="category_heading">
							Automotive Service &amp; Repair</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Car+Dealer');">Car Dealer</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Car+Detailing');">Car Detailing</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Body+Shop');">Body Shop</a></div>
						<div class="category_heading">
							Travel Services</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Airports');">Airports</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Car+Rental+Agency');">Car Rental Agency</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Hotels');">Hotels</a></div>
						<div class="category_heading">
							Retail and Consumer Services</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Grocery+Stores');">Grocery Stores</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Gas+Stations');">Gas Stations</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Book+Stores');">Book Stores</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Department+Stores');">Department Stores</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Jewelry+Stores');">Jewelry Stores</a></div>
						<div class="category_heading">
							Parks / Recreation</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Golf+Courses');">Golf Courses</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Movie+Theaters');">Movie Theaters</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Amusement+Parks');">Amusement Parks</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Beaches');">Beaches</a></div>
						<div class="category_heading">
							Emergency Services</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Emergency+Care');">Emergency Care</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Fire+Departments');">Fire Departments</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Police+Departments');">Police Departments</a></div>
						<div class="category_heading">
							Other</div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Churches');">Churches</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Libraries');">Libraries</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Banks');">Banks</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Beauty+Salon');">Beauty Salon</a></div>
						<div class="category_item">
							<a href="javascript:PerformSearch('Camps');">Camps</a></div>
					</div>
					<div id="clear_map_link" style="visibility: hidden;">
						<a href="javascript:LoadNewMap(home_url);">Clear Search</a>
					</div>
				</div>
				<div id="map_container">
					<div id="map_content">
						<iframe name="map_iframe" width="425" height="350" frameborder="0" scrolling="no"
							marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338 (Mount+Vernon+Plantation)&hnear=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338&ie=UTF8&z=14&output=embed">
						</iframe>
						<br />
						<small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338 (Mount+Vernon+Plantation)&hnear=Mount+Vernon+Circle%2C+Sandy+Springs%2C+GA+30338&ie=UTF8&z=14"
							style="color: #0000FF; text-align: left" target="_blank">View Larger Map</a></small>
					</div>
				</div>
				<div class="clearfix">
				</div>
			</div>
			<div id="bottom_container">
				<div id="search_container">
					<form id="custom_search_form" onsubmit="return PerformCustomSearch()">
					<div class="category_heading larger">
						Search:</div>
					<input id="custom_search_box" name="search" type="text" class="larger" maxlength="50" /><input
						id="custom_search_button" name="search" type="button" value="" onclick="PerformCustomSearch();" /><br />
					Please enjoy finding many items of interest that are nearby our community.
					</form>
				</div>
				<div id="feature_text">
				</div>
			</div>
		</div>
	</div>
</div>